<template>
	<u--image :src="imageUrl" :height="imgHeight" :width="imgWidth" :mode="modeType">
	  <template v-slot:loading>
	    <u-loading-icon mode="circle" ></u-loading-icon>
	  </template>
	</u--image>
</template>

<script>
import { type } from 'os';
	export default {
		name:"my-image",
		props:{
			imageUrl:{
				type:String,
				require:true
			},
			imgHeight:{
				type:[String,Number],
				default:30,
			},
			imgWidth:{
				type:[String,Number],
				default:30,
			},
			modeType:{
				type:String,
				default:'scaleToFill'
			}
		},
		data() {
			return {
				
			};
		},
	}
</script>

<style lang="scss">

</style>